<template>
  <el-form
    label-position="left"
    inline
    style="height:100%;overflow:auto;"
    class="demo-table-expand">
    <el-form-item
      v-for="(f,index) in options.formItems"
      :key="index"
      :label="f.text"
      >
      <span v-html="row[index]"></span>
    </el-form-item>
  </el-form>
</template>
<script>
  define(['vue'],function(vue){
    return vue.component('comp-expand-tabs-form',{
      template: template,
      props:['row','options'],
      data:function(){
        return {
          // colmd : 'layui-col-md' + this.cardWidthCol,
          // colxs : ' layui-col-xs12',
          // pullCenter : 'card-pull-center'
        }
      },
      mounted: function() {
        // dump('comp-expand-tabs mounted',document.body.clientWidth);
        //不进行设置的话,在列多横向滚动的时候,详细区域会超出屏幕宽度,看不完整
        // document.getElementById('__div_tab').style.width=(document.body.clientWidth-120) + 'px';
      }
    });
  });
</script>

<style>
</style>